1. Status quo
2. Support
3. Was kann HTML noch?
4. Wozu JavaScript?
5. Danke

 

Beispiel 1
 

na	Inhalte der Seite
vi
ga
ti
on

Die Tabellenbreite beträgt 100% und belegt damit die Bildschirmbreite. In der linken Leiste befinden sich die Texte oder Grafiken zur Navigation durch Ihre Seite. Die Zellen der rechten Spalte sind mit rowspan zusammengeführt worden. Im rechten Teil sind die eigentlichen Seiteninhalte.

Beispiel 2
 

na	vi	ga	ti	on
Inhalte der Seite

Die Tabellenbreite beträgt 100% und belegt damit die Bildschirmbreite. In der oberen Leiste befinden sich die Texte oder Grafiken zur Navigation durch Ihre Seite. Die Zellen der unteren Reihe sind mit colspan zusammengeführt worden. Im unteren Teil sind die eigentlichen Seiteninhalte.

Erweitern Sie die Tags der Tabellen-Zellen in der Navigation so, dass Sie zu Ihren Grafiken oder Texten passen. Fügen Sie Angaben zur Zellenhöhe (-breite) ein, um den Abstand der einzelnen Menüpunkte zu bestimmen.
 
 

Wir hatten an dieser Stelle immer eine Liste mit Adressen im Netz, die Ihnen weiterhelfen sollten. Leider, und das ist auch ein Teil des Internets, waren diese oftmals veraltet, verwahrlost oder nicht mehr erreichbar. Um Ihnen aktuelle und auch erreichbare Seiten für weitere Recherchen und Unterstützung zu geben, haben wir diese Rubrik auf unsere Webseite in die Tipps und Tricks ausgelagert.

Auf www.lerneniminternet.de finden Sie in der Rubrik Tipps und Tricks aktuelle Informationen zum Thema Internet, HTML und Anregungen für die eigene Webseite. Dort sind auch die Adressen wirklich guter Grafikarchive oder Tipps zur Browserkonfiguration, ein Metatag-Generator uvm. Interessante Themen des Internets - Jobbörsen - eine Reihe von FAQs - jede Menge Zubehör - Homepageutilities - etc. etc.
Sollte etwas fehlen, lassen Sie es mich wissen.
Weiterführende Literatur zum Thema HTML und eigene Webseite finden Sie im online-Buchladen von Amazon. Aufgrund des grossen Angebots und der fast täglichen Neuerscheinungen ist der Buchmarkt sehr unübersichtlich geworden. Lesen Sie bitte die online-Rezensionen und machen Sie auch von Ihrem Rückgabe-Recht Gebrauch, falls Sie ein Buch gekauft haben, das nicht Ihren Erwartungen entspricht.

Es gibt viele Seiten im Web, auf denen sich nur ein Teil des Bildschirminhaltes beim Klick auf einen Hyperlink ändert. Die Navigationsleiste oder die nervenden Banner bleiben erhalten und werden nicht neu geladen. Hinter diesen Strukturen stecken Frames (Rahmen). Frames erleichtern die Seitennavigation erheblich, da der Besucher stets die gleiche Struktur hat und immer mit den gleichen Buttons an die eigentlichen Seiteninhalte gelangt.
 

Was kann man mit Formularen machen?

Sie hätten gerne ein ansprechendes E-Mail-Formular mit Eingabefeldern für Name und Vorname, Anschrift, etc. Die Formulareingaben sollen Ihnen per E-Mail zugesandt werden. Mit der Einbindung eines CGI-Scriptes und eines Formulars in HTML ist das sehr einfach realisierbar. Sie können auch eine sogenannte DropDown-Liste oder ein Umfrageformular für Ihre Seite erstellen. Geben Sie dem Besucher mit einem Formular die Möglichkeit, aus mehreren Listenpunkten durch Anklicken einen oder mehrere Punkte auszuwählen. 
Mit Formularen werden auch Gästebücher oder Foren eingebunden, Besucherzähler, Abos zu Newslettern uvm.
 

Wozu JavaScript?

JavaScript bietet vielfältige Möglichkeiten zur Interaktion mit dem Besucher.
JavaScript ermöglicht in Verbindung mit Eingabefeldern in Formularen, die Angaben zu prüfen, bevor diese versendet werden. Das Eingabefeld z.B. für die E-Mail-Adresse wird auf eine gültige Adresse hin überprüft, das Eingabefeld für den Namen wird auf seinen Inhalt hin überprüft. 
Weiterhin können Sie Textticker oder Textscroller einbauen, das aktuelle Datum anzeigen, die Anzeige am Bildschirm an die Auflösung des Betrachters anpassen, optische Texte oder Hintergrundeffekte einbauen. Mit JavaScript bauen Sie eine statische Seite zu einer dynamischen Seite um. Der Besucher wird stärker in die Seite eingebunden, er hat mehr Möglichkeiten der Interaktion.
 

Was ist CSS?

CSS steht für Cascading StyleSheets. Die Probleme von HTML entstehen durch die unterschiedlichen Darstellungen und Einstellungen der diversen Browser. Mit CSS haben Sie die Möglichkeit, eine Positionierung am Bildschirm pixelgenau zu erzwingen. Die Texte werden nicht in der vom Betrachter eingestellten, sondern in der von Ihnen vorgegebenen Größe dargestellt. Sie können globale Einstellungen für Ihr Dokument wählen, vergleichbar mit den Formatvorlagen eines Programms zur Textverarbeitung. Ihre Arbeit wird wesentlich erleichtert, da Formatanweisungen nicht ständig wiederholt werden müssen, wie es z.B. in Tabellenzellen erforderlich ist. In der Regel benötigen Dateien, die CSS verwenden, bei gleichem Inhalt weniger Speicherplatz (kürzere Ladezeit) als Dateien, die nur Standard-HTML benutzen. 
 

DHTML

Dynamisches HTML basiert auf HTML in Verbindung mit CSS und JavaScript. Die Intension ist es, Elemente während der Anzeige dynamisch zu verändern oder durch die Einwirkung des Benutzers zu ändern. In DHTML lassen sich dynamische Farbeffekte und Schrifteffekte realisieren. Verschiedene Bildschirmelemente, Grafik, Text werden interaktiv dargestellt. 
 

Kann man mit HTML dynamische Buttons - durch Mauspositionierung - erstellen?
 
Kann man mit HTML Dialogfenster erstellen?


Kann man mit HTML Browser-Informationen anzeigen lassen?

Kann man mit HTML automatisch Bildschirmeinstellungen vornehmen lassen?

Kann man mit HTML Formulardaten, z.B. Kennwörter, vergleichen lassen?

Kann man mit HTML Datum und Zeit anzeigen lassen?

Kann man mit HTML Multimediaelemente, wie z.B. Sound, Video etc., die eingebunden sind, durch den User beeinflussen lassen?

Kann man mit HTML ein Bild oder Text sich über die Anzeigefläche bewegen lassen?

Kann man mit HTML mathematische Berechnungen vornehmen lassen, z.B. Eurorechner?

Kann man mit HTML Spiele programmieren?

Grundsätzlich können Sie mit JavaScript 

• Dokumentinhalte interaktiv gestalten, z.B. Formularanwendungen

 
• Layout und Inhalte der Dokumente steuern, z.B. Text und Bilder

 
• Ereignisorientierte Interaktion mit dem Benutzer, z.B. Aktionen bei der Mausführung 
   
• Unabhängige Bereiche der Homepage steuern, z.B. Frameinhalte 

 

Banner:
 

<a href="http://www.LernenImInternet.de" target=_top><img src="468x60xs1.gif" width="468" height="60" alt="Lernen im Internet" border="0"></a>

<a href="http://www.LernenImInternet.de" target=_top><img src="468x60xs2.gif" width="468" height="60" alt="Lernen im Internet" border="0"></a>

<a href="http://www.LernenImInternet.de" target=_top><img src="468x60xf1.gif" width="468" height="60" alt="Lernen im Internet" border="0"></a>

<a href="http://www.LernenImInternet.de" target=_top><img src="468x60xf2.gif" width="468" height="60" alt="Lernen im Internet" border="0"></a>

<a href="http://www.LernenImInternet.de" target=_top><img SRC="banner_234x60_rz.gif" height="60" width="234" border="0" alt="Lernen im Internet"></a>

<a href="http://www.LernenImInternet.de" target=_top><img SRC="banner_468x60_1_rz.gif" width="468" height="60" border="0" alt="Lernen im Internet"></a>

<a href="http://www.LernenImInternet.de" target=_top><img SRC="banner_83x31_rz.gif" width="83" height="31" border="0" alt="Lernen im Internet"></a>

<a href="http://www.LernenImInternet.de" target=_top><img src="banner120x2402.gif" width="120" height="240" alt="Lernen im Internet" border="0"></a>

Hinweis
Falls Sie Hinweise, Kritik, Anregungen oder sonstige Kommentare zu dieser oder anderen Lektionen/zum Kurs haben, schicken Sie mir bitte eine Mail.

Sollten Sie länger als 30 Minuten an einem Problem brüten, schicken Sie mir bitte eine Mail.
 

 © Copyright Dr. Horst Jaitner.  Dieser Text ist urheberrechtlich geschützt. Alle Rechte vorbehalten. Die Verwendung der Texte und Bilder ohne Genehmigung, auch auszugsweise, ist strafbar. Das gilt auch für die Verwendung in Kursunterlagen, Vervielfältigung oder Verwendung in elektronischen Systemen.